<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#contents {
	width: 1014px;
	border-top-style: solid;
	border-top-width: 1px;
}
#contents #contents-left {
	width: 630px;
	float: left;
}
#contents #contents-right {
	width: 383px;
	float: right;
}
#contents #contents-left .news {
	width: 615px;
	margin: auto;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
}

#contents #contents-left .channel {
	width: 615px;
	margin: auto;
	margin-top:20px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #F00;
	border-right-color: #F00;
	border-bottom-color: #F00;
	border-left-color: #F00;
}

#contents #contents-left .left-title {
	width: 613px;
	height: 27px;
	background-image: url(contents-title.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 5px;
}
#contents #contents-left .news .news-content .slide-images {
	float: left;
	height: 365px;
	width: 260px;
}
#contents #contents-left .news .news-content .article-list {
	height: 365px;
	width: 355px;
}
#contents-left .title-img {
	padding-left: 10px;
	padding-right: 5px;
}

#contents-left .left-title .title-topic {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	color: #C36;
}

#contents #contents-right .recommends {
	width: 370px;
	margin: auto;
	border: 1px solid #CCC;
}
#contents #contents-right .recommends .right-title {
	background-image: url(select-panel.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 28px;
	width: 366px;
	margin-top: 2px;
	margin-left:2px;
}
</style>
</head>

<body>
<div style="width:1024px">
	<div id="contents">
    	<div id="contents-left">
   	  		<div class="news">
            	<div class="left-title">
               	  <img src="red_block.gif" class="title-img"/>
                    <span class="title-topic">热点资讯</span>
                </div>
                <div class="news-content">
                	<div class="slide-images">fsfss</div>
                    <div class="article-list">fsfsdfs</div>
                   
                </div>
            </div>
            <div class="channel">
            	<div class="left-title">
                	<img src="red_block.gif" class="title-img"/>
                    <span class="title-topic">频道</span>
                </div>
                <div class="channel-content">
                	<div style="height:300px">内容</div>
                </div>
            </div>
        </div>
        <div id="contents-right">
        	<div class="recommends">
            	<div class="right-title">
                	<img src="selected.png" style=""/>
                    <img src="select.png"/>
                    <div style="float:right; padding-top:4px">
                    	<a href="#" style="padding-right: 8px; text-decoration: none; font-family: 'Arial Black'; font-size: 12px; color: #999;">更多</a>
                    </div>
              </div>
                <div class="right-content">
                fsfsff
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
